<xmp type="tag" name="scroll">
    <iframe height="0" frameborder="0" width="${resizekey}" style="position: absolute;"></iframe>

    <scrollWrap id="${id}" class="${id}">
        <scroll>
            ${innerHTML}
        </scroll>
        <scrollBar>
            <scrollUp></scrollUp>
            <scrollBlock></scrollBlock>
            <scrollDown></scrollDown>
        </scrollBar>
    </scrollWrap>
</xmp>

<xmp type="tag" name="inputnumber">
    <myInputNumber class="{{$CPrivate.value_map&&'use-value-map'}}">
        <numberCut event-click="{{'$CPrivate.Event.cutNumber'}}" event-hclick="{{'$CPrivate.Event.cutNumber'}}">
            <small class="icon-minus"></small>
        </numberCut>
        <input ${__all_attrs__} event-keydown="{{'$CPrivate.Event.changeNumberByKey'}}" type="text" event-change-format-number="{{'$CPrivate.Event.formatNumber'}}" />
        <numberAdd event-click="{{'$CPrivate.Event.addNumber'}}" event-hclick="{{'$CPrivate.Event.addNumber'}}">
            <small class="icon-plus"></small>
        </numberAdd>
        <div class="input-value-map">
            <div class="content">{{$CPrivate.value_map}}</div>
            <div class="tip">
                <span>◆</span>
            </div>
        </div>
    </myInputNumber>
</xmp>

<xmp type="tag" name="tip">
    <tipWrap>
        <tipContentWrap>${innerHTML}</tipContentWrap>
        <tipInner>
            <div class="content">${title}</div>
            <div class="tip">
                <span>◆</span>
            </div>
        </tipInner>
    </tipWrap>
</xmp>

<xmp type="tag" name="ueditor">
    <ueditor ${__all_attrs__}>
        <uecontanier></uecontanier>
    </ueditor>
</xmp>


<xmp type="tag" name="L:input">
    <div class="L-input">
        <input required placeholder="" ${__all_attrs__}>
        <inputPlaceholder>${placeholder}</inputPlaceholder>
        <inputHighlight></inputHighlight>
        <inputBar></inputBar>
        <inputDescription>${description}</inputDescription>
    </div>
</xmp>

<xmp type="tag" name="qrcode">
    <div class="qrcodebox">
        <!-- <div class="title">扫码分享更优惠</div> -->
        <!-- <br/> -->
<!--         <div class="qrcode" srt="${srt}" logo="${logo}">
            {{#if $CPrivate.$Cache.qrcode_url}}
            <img bind-src="{{$CPrivate.$Cache.qrcode_url}}?imageView/1/w/100/h/100" />{{#else}}
            <i>验证码加载中……</i>
            {{/if}}
        </div> -->
        <jqrcode text="${srt}" m-image="${logo}" size="120" radius="0" min-version="2"></jqrcode>
        <input type="text" class="qrcode-url android" value="${srt}" event-mouseenter="{{'$CPrivate.$Event.selectRecUrl'}}">
        <br/>
        <button data-clipboard-text="${srt}">复制链接</button>
    </div>
</xmp>

<xmp type="tag" name="copybutton">
    <button data-clipboard-text="${value}" ${__all_attrs__}>${innerHTML}</button>
</xmp>

<xmp type="tag" name="selectsearch">
    <!-- event-mouseenter-disable-hidden="{{'$CPrivate.$Event.disable_hidden'}}"
        event-mouseleave-can-hidden="{{'$CPrivate.$Event.can_hidden'}}" -->
    <button style="height:{{$CPrivate.$Cache.clientHeight}}px" class="kill-all-style selectsearch-button {{($CPrivate.$Cache.show_search||$CPrivate.$Cache.focus_input)&&'focus-selectsearch'}}" event-click="{{'$CPrivate.$Event.focus_button'}}" event-blur="{{'$CPrivate.$Event.hidden_button'}}">
        <selectsearchWrap event-click-show-search="{{'$CPrivate.$Event.show_search'}}" ${__all_attrs__}>
            <selectResult>
                {{#if $CPrivate.$Cache.select_result}} {{HTML $CPrivate.$Cache.select_result}} {{#else}}
                <i>{{$CPrivate.$Cache.placeholder}}</i>
                {{/if}}
            </selectResult>
            <!-- {{#if $CPrivate.$Cache.show_search||$CPrivate.$Cache.focus_input||true}} -->
            <selectPlan>
                <selectInput>
                    <input type="text" value="{{$CPrivate.$Cache.search_data}}" bind-input="{{'$CPrivate.$Cache.search_data'}}" placeholder="${search-placeholder}" event-focus="{{'$CPrivate.$Event.focus_input'}}" event-blur="{{'$CPrivate.$Event.hidden_input'}}" event-input="{{'$CPrivate.$Event.search'}}">
                </selectInput>
                <optionContainer bind-input="{{'$CPrivate.$Cache.select_result'}}" event-click="{{'$CPrivate.$Event.selected'}}">
                    ${innerHTML} {{#each $CPrivate.$Cache.datalist_search_result}}
                    <optionItem value="{{value}}">{{name}}</optionItem>
                    {{/each}}
                </optionContainer>
            </selectPlan>
        </selectsearchWrap>
    </button>
</xmp>

<xmp type="tag" name="android:selectsearch">
    <android:paperbutton class="kill-all-style selectsearch-button android-selectsearch {{($ParentPM.$CPrivate.$Cache.show_search||$ParentPM.$CPrivate.$Cache.focus_input)&&'focus-selectsearch'}}" event-click="{{'$ParentPM.$CPrivate.$Event.focus_button'}}" event-blur="{{'$ParentPM.$CPrivate.$Event.hidden_button'}}" event-mouseenter="{{'$ParentPM.$CPrivate.$Event.lock_blur'}}" event-mouseleave="{{'$ParentPM.$CPrivate.$Event.unlock_blur'}}">
        <selectsearchWrap event-click-show-search="{{'$ParentPM.$CPrivate.$Event.show_search'}}" event-beforefocus-lock-paperbutton-height="{{'$ParentPM.$CPrivate.$Event.lock_paperbutton_height'}}" event-afterblur-unlock-paperbutton-height="{{'$ParentPM.$CPrivate.$Event.unlock_paperbutton_height'}}" ${__all_attrs__}>
            <selectResult>
                {{#if $ParentPM.$CPrivate.$Cache.select_result}}
                    {{HTML $ParentPM.$CPrivate.$Cache.select_result}}
                {{#else}}
                <i>{{$ParentPM.$CPrivate.$Cache.placeholder}}</i>
                {{/if}}
                <span class="right-arrow">▶</span>
            </selectResult>
            <!-- {{#if $ParentPM.$CPrivate.$Cache.show_search||$ParentPM.$CPrivate.$Cache.focus_input||true}} -->
            <selectPlan event-mouseenter="{{'$ParentPM.$CPrivate.$Event.lock_show'}}" event-mouseleave="{{'$ParentPM.$CPrivate.$Event.unlock_show'}}">
                <selectInput>
                    <input type="text" value="{{$ParentPM.$CPrivate.$Cache.search_data}}" bind-input="{{'$ParentPM.$CPrivate.$Cache.search_data'}}" placeholder="${search-placeholder}" event-input="{{'$ParentPM.$CPrivate.$Event.search'}}" event-blur="{{'$ParentPM.$CPrivate.$Event.hidden_button'}}">
                </selectInput>
                <optionContainer event-click="{{'$ParentPM.$CPrivate.$Event.selected'}}">
                    ${innerHTML}
                    {{#each $ParentPM.$CPrivate.$Cache.datalist_search_result}}
                    <optionItem value="{{value}}">{{name}}</optionItem>
                    {{/each}}
                </optionContainer>
            </selectPlan>
        </selectsearchWrap>
    </android:paperbutton>
</xmp>
<xmp type="tag" name="imagecrop">
    <imagecropWrap ${__all_attrs__}>
        <img style="display:none;" bind-src="${src}">
        <imagecropControl>
            {{#if $CPrivate.$STATE.uploading}}
            <i>上传中……</i>
            {{#else}}
            <button event-click="{{'$CPrivate.$Event.confirm'}}">确定</button>
            <button event-click="{{'$CPrivate.$Event.cancel'}}">取消</button>
            {{/if}}
        </imagecropControl>
        {{#if $CPrivate.$Cache.image_loading}}
        <center>
            <android:progressCircular ></android:progressCircular>
            <h4 style="color:#FFF">加载中……</h4>
        </center>
        {{/if}}
    </imagecropWrap>
</xmp>

<!-- 商品块状展示,新框架用的 -->
<xmp type="tag" name="main-goods-pc">
    <div class="commodity">
        <div class="commodityImg">
            <div class="eachChild">
                <href to="${href}">
                    <img bind-src="${src}" class="commodity-img" title="${title}"  />
                </href>
            </div>
             <div class="goods-cover">
                <div class="intro">
                    <p>${intro}</p>
                </div>
                <div class="tobuy">
                    {{#if num}}
                    <button class="buy" event-click="{{'$Top.$Event.goods_list.add_to_cart'}}">直接购买</button>
                    {{'       库存:' + num}}
                    {{#else}}
                    <button class="buy" disabled style="background-color:red;cursor:default;">此商品缺货</button>
                    {{/if}}
                </div>
            </div>
        </div>
        <div class="dec">
            <div class="item">
                <href to="${href}">
                ${name}
                </href>
            </div>
            <div class="item"><div class="price" style="color:red">￥${price}</div><div class="count">销量:${sale}</div></div>
        </div>
    </div>
</xmp>

<!-- 手机版 商品块状展示 -->
<xmp type="tag" name="main-goods-mobile">
    <div class="warp">
        <a class="tobuy" href="${href}">
            <div class="preview_img">
                <img class="img" bind-src="${src}?imageView/1/w/100/h/100" bind-intro="${intro}" event-load="{{'$CPrivate.$Event.change_px'}}" />
            </div>
            <div class="info">
                <div class="head">${name}</div>
                <div class="price">￥${price}</div>
                <!-- <div class="intro">${intro}</div> -->
            </div>
        </a>
    </div>
</xmp>
<!-- 手机版 商品块状展示:在用 -->
<xmp type="tag" name="goods">
    <div class="goods">
        <a href="${href}">
        <div class="img">
            <img class="goods-img" bind-src="${src}" />
        </div>
        <div class="goods-info">
            <div class="item first">
                <span class="name">${name}</span>${intro}
            </div>
            <div class="item info">
                <div class="price">￥${price}</div>库存：<div class="num">${num}</div>销量：<div class="sale">${sale_num}</div>
            </div>
        </div>
        </a>
    </div>
</xmp>

<!-- 图片轮播  大 -->
<xmp type="tag" name="pic_wall">
    <div class="carosule">
        <div class="pic-show">
            <div class="face"></div>
            {{#each ${array-data-key} }}
                <div bind-style="z-index:{{$Parent.length-$Index}}" class="pic">
                    <a target="_blank" bind-href="{{href||'javascript:void 0'}}">
                    <img bind-src="{{img_url}}?imageView/2/h/400" bind-title="{{title}}"/>
                    </a>
                </div>
            {{/each}}
        </div>
    </div>
</xmp>
<!-- 图片轮播  大 新框架中使用 -->
<xmp type="tag" name="pic-wall-pc">
    <div class="carosule">
        <div class="pic-show">
            <div class="face"></div>
            {{#each ${array-data-key} }}
                <div bind-style="z-index:{{$Parent.length-$Index}}" class="pic">
                    <a target="_blank" href="{{href||'javascript:void 0'}}">
                    <img bind-src="{{img_url}}?imageView/2/h/400" bind-title="{{title}}"/>
                    </a>
                </div>
            {{/each}}
        </div>
    </div>
</xmp>

<!-- 分页控件 -->
<xmp type="tag" name="pagination">
    <div id="${id}" class="${class}">
        <div class="page-info">
            <span>当前位置：第<b>{{${page-info}.page+1}}</b>页</span>
        </div>
        <div 
         jsouper-p-num="{{${page-info}.num}}"
         event-click="{{'$Top.$Event.__common__.pre_page'}}" 
         class="pre-page {{${page-info}.page==0&&'disabled'}}">&lt;</div>
        <div class="pages">
            {{#each ${page-info}._number_list}}
            <div
             jsouper-p-num="{{$Caller.${page-info}.num}}"
             jsouper-p-page="{{$Index}}"
             event-click="{{'$Top.$Event.__common__.change_page'}}" 
             class="page {{$Top.${page-info}.page==$Index&&'current_page'}}">{{$Index+1}}</div>
            {{/each}}
        </div>
        <div 
         jsouper-p-num="{{${page-info}.num}}"
         event-click="{{'$Top.$Event.__common__.next_page'}}" 
         class="next-page {{${page-info}.page+1>=${page-info}.total_page&&'disabled'}}">&gt;</div>
    </div>
</xmp>

<xmp type="tag" name="img-uploader">
    <imgUploaderWrap ${__all_attrs__}>
    {{#if $CPrivate.$Cache.img_url}}
        <div style="width:100%;height:100%;"
            event-mouseenter="{{'$CPrivate.$Event.show_mark'}}"
            event-click="{{'$CPrivate.$Event.toggle_mark'}}"
            event-mouseleave="{{'$CPrivate.$Event.hide_mark'}}">
            <img class="upload-img-preview" bind-src="{{$CPrivate.$Cache.img_url}}?imageView/1/w/{{$CPrivate.$Cache.img_width||1}}/h/{{$CPrivate.$Cache.img_height||1}}"/>
            <imgMark>
                <div class="button-item" event-click="{{'$CPrivate.$Event.remove'}}" event-click-onremove="${onremove}">移除</div>
            </imgMark>
        </div>
    {{#else}}
        {{#if $CPrivate.$Cache.uploading}}
        <div class="upload-loding">上传中</div>
        {{#else}}
        <div class="click-to-add">
            <input name="up" type="file" accept="image/*" />
            <span class="icon">+</span>
            <p class="value">{{$CPrivate.$Cache.text}}</p>
        </div>
        {{/if}}
    {{/if}}
    </imgUploaderWrap>
</xmp>
<xmp type="tag" name="m-img-uploader">
    <mImgUploaderWrap ${__all_attrs__}>
    <input class="multiple-upload" type="file" accept="image/*" multiple event-change="{{'$CPrivate.$Event.new_goods.multiple_upload_detail_img'}}" disabled="disabled" />
    ${innerHTML}
    </mImgUploaderWrap>
</xmp>
<xmp type="tag" name="color-picker">
    {{#if $CPrivate.use_native}}
    <input type="color" ${__all_attrs__} >
    {{#else}}
    <jqColorPicker bind-style="box-shadow:#000 1px 1px 7px;background-color:${value}; ${style} " ${__all_attrs__}></jqColorPicker>
    {{/if}}
</xmp>
<xmp type="tag" name="share">
    <input class="data" type="hidden" share-img="${share-img}" share-text="${share-text}" share-detail="${share-detail}" share-init-key="${share-init-key}">
    <div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
</xmp>

<xmp type="tag" name="noticebox">
    <div class="noticebox">
        {{#each ${data-key} }}
        <div class="noticeitem"><i class="icon-volume-medium"></i>{{content}}</div>
        {{/each}}
    </div>
</xmp>

<xmp type="tag" name="sbutton">
    <div class='${class}' bind-style="box-shadow:${shadownum1} rgba(44,44,44,0.3);display:inline-block;">
        <button ${__all_attrs__} bind-style="box-shadow:${shadownum2} rgba(44,44,44,0.4);outline:none">${text}</button>
    </div>
</xmp>

<xmp type="tag" name="jqrcode">
    <div ${__all_attrs__}>加载中……</div>
    <a href="{{$CPrivate.$Cache.download_href||'void:0;'}}" download="${download-name}">
        <img style="disaply:none;position: absolute; top: 0; left: 0; visibility: hidden;">
    </a>
</xmp>

<xmp type="tag" name="tinycolorpicker">
    {{#if $CPrivate.use_native}}
    <input type="color" ${__all_attrs__} >
    {{#else}}
    <tinycolorpicker class="colorpicker ${class}" ${__all_attrs__}>
        <div class="color" style="height:100%;width:100%;"><div class="colorInner" style="height:100%;width:100%;" ></div></div>
        <div class="track" style="display:none;"></div>
        <input type="hidden" class="colorInput">
    </tinycolorpicker>
    {{/if}}
</xmp>


<!-- 新版分页控件 -->
<xmp type="tag" name="pagecut">
    <pagecut ${__all_attrs__}>
        <div id="pre_page">
            {{#if $CPrivate.$Cache.page!=0}}
            <a title="前一页" event-click="{{'$CPrivate.$Event.pre_page'}}">
                <i name="pre_page" class="icon-arrow-left"></i>
            </a>
            {{/if}}
        </div>

        <div id="page_num">
            {{#each $CPrivate.$Cache.number_list}}
                {{#if $Index==$Caller.$CPrivate.$Cache.page}}
                <span>[当前页：{{$This}}]</span>
                {{#else}}
                <a event-click="{{'$Caller.$CPrivate.$Event.change_page'}}" >
                    <span>{{$This}}</span>
                </a>
                {{/if}}
            {{/each}}
        </div>

        <div id="next_page">
            {{#if $CPrivate.$Cache.number_list.length>$CPrivate.$Cache.thepagenum}}
            <a title="后一页" event-click="{{'$CPrivate.$Event.next_page'}}" >
                <i name="next_page" class="icon-arrow-right"></i>
            </a>
            {{/if}}
        </div>
    </div>
</xmp>
<xmp type="tag" name="addressinput">
<addressinput ${__all_attrs__}>
{{#if $CPrivate.$Cache.is_inited}}
    <i>初始化中</i>
{{#else}}
    <select class="province" name="province" event-change={{'$CPrivate.$Event.province'}}>
        <option class="first" value="0">请选择省</option>
        {{#each $CPrivate.$Cache.province_list}}
        <option value="{{region_name}}">
            {{region_name}}
        </option>
        {{/each}}
    </select>

    <select class="town" name="town" disabled="{{!$CPrivate.$Cache.town_disabled}}" event-change={{'$CPrivate.$Event.town'}}>
        <option class="first" value="0">请选择市</option>
        {{#each $CPrivate.$Cache.town_list}}
        <option value="{{region_name}}">
            {{region_name}}
        </option>
        {{/each}}
    </select>

    <select class="county" name="county" disabled="{{!$CPrivate.$Cache.county_disabled}}" event-change={{'$CPrivate.$Event.county'}}>
        <option class="first" value="0">请选择地区</option>
        {{#each $CPrivate.$Cache.county_list}}
        <option value="{{region_name}}">
            {{region_name}}
        </option>
        {{/each}}
    </select>

    <input type="text" class="detailed_addre" event-change={{'$CPrivate.$Event.detail'}} title="详细地址" name="detailed_addre" placeholder="详细地址" maxlength="25" bind-input="{{'$CPrivate.$Cache.detail'}}" value="{{$CPrivate.$Cache.detail}}" />
</addressinput>
{{/if}}
</xmp>

<xmp type="tag" name="perm-item">
    <li ${__all_attrs__} ${--value} permission-name="${value}">${innerHTML}</li>
</xmp>

<xmp type="tag" name="countdown">
    <countdown from="${from}" to="${to}" now="${now}" interval="${interval}">{{$Private.countdown}}</countdown>
</xmp>

<xmp type="tag" name="one-hand-select">
    <select multiple ${__all_attrs__} event-mousedown-for-multiple-select="{{'$CPrivate.$Event.mousedown'}}" event-mousemove-for-multiple-select="{{'$CPrivate.$Event.mousemove'}}">${innerHTML}</select>
</xmp>

<xmp type="tag" name="address">
    <address ${__all_attrs__}>
        <select class="province" name="province" value="{{$CPrivate.province}}" bind-input="{{'$CPrivate.province'}}" event-change={{'$CPrivate.$Event.province'}}>
            <option class="first" value="">请选择省</option>
            <!-- {{#each $CPrivate.province_list}}
            <option value="{{region_name}}">
                {{region_name}}
            </option>
            {{/each}} -->
            {{#each $CPrivate.province_list}}
            <optgroup label="{{group_name}}">
                {{#each list}}
                <option value="{{$This}}">
                    {{$This}}
                </option>
                {{/each}}
            </optgroup>
            {{/each}}
        </select>

        <select class="city" name="city" disabled="{{!$CPrivate.province}}" value="{{$CPrivate.city}}" bind-input="{{'$CPrivate.city'}}" event-change={{'$CPrivate.$Event.city'}}>
            {{#if !$CPrivate.province}}
            <option class="first" value="">请先选择省</option>
            {{#else}}
                {{#if $CPrivate.city_list.length}}
                <option class="first" value="">请选择市</option>
                {{#else}}
                <option class="first" value="">无可选市</option>
                {{/if}}
            {{/if}}
            {{#each $CPrivate.city_list}}
            <option value="{{region_name}}">
                {{region_name}}
            </option>
            {{/each}}
        </select>

        <select class="county" name="county" disabled="{{!($CPrivate.city&&$CPrivate.county_list.length)}}" value="{{$CPrivate.county}}" bind-input="{{'$CPrivate.county'}}" event-change={{'$CPrivate.$Event.county'}}>
            {{#if !$CPrivate.city}}
            <option class="first" value="">请先选择市</option>
            {{#else}}
                {{#if $CPrivate.county_list.length}}
                <option class="first" value="">请选择地区</option>
                {{#else}}
                <option class="first" value="">无可选地区</option>
                {{/if}}
            {{/if}}
            {{#each $CPrivate.county_list}}
            <option value="{{region_name}}">
                {{region_name}}
            </option>
            {{/each}}
        </select>
        {{#if $Private.edit_detail}}
        <input type="text" class="detailed_addre" name="detailed_addre" placeholder="详细地址" maxlength="25" value="{{$CPrivate.detail}}" bind-input="{{'$CPrivate.detail'}}" event-input="{{'$CPrivate.$Event.detail'}}"/>
        {{/if}}
    </address>
</xmp>